google.load('visualization', '1.0', {'packages':['corechart']});
google.setOnLoadCallback(function(){
  var data = new google.visualization.DataTable();
       data.addColumn('string', '日');
       data.addColumn('number', 'DL数');
       data.addColumn('number', 'Googleセルラン');
       data.addColumn('number', 'iOSセルラン');
       data.addColumn({type:'string', role:'annotation'});
       data.addColumn({type:'string', role:'annotationText'});
       data.addRows([
        ['2022-08-08',19552834,320,null,null,null],
['2022-08-09',19553662,316,null,null,null],
['2022-08-10',19557443,342,null,null,null],
['2022-08-11',19560036,342,null,null,null],
['2022-08-12',19562560,342,null,null,null],
['2022-08-13',19565214,342,null,null,null],
['2022-08-14',19567621,352,null,null,null],
['2022-08-15',19571554,352,null,null,null],
['2022-08-16',19574646,352,null,null,null],
['2022-08-17',19578922,352,null,null,null],
['2022-08-18',19581748,352,null,null,null],
['2022-08-19',19584855,345,null,null,null],
['2022-08-20',19587553,339,null,null,null],
['2022-08-21',19590808,344,null,null,null],
['2022-08-22',19594692,333,null,null,null],
['2022-08-23',19597692,341,null,null,null],
['2022-08-24',19600037,340,null,null,null],
['2022-08-25',19603124,377,null,null,null],
['2022-08-26',19603124,403,null,null,null],
['2022-08-27',19606181,384,null,null,null],
['2022-08-28',19610472,381,null,null,null],
['2022-08-29',19611994,347,null,null,null],
['2022-08-30',19617114,336,null,null,null],
['2022-08-31',19619724,326,null,null,null],
['2022-09-01',19622157,323,null,null,null],
['2022-09-02',19626509,310,null,null,null],
['2022-09-03',19627014,296,null,null,null],
['2022-09-04',19632791,295,null,null,null],
['2022-09-05',19635108,300,null,null,null],
['2022-09-06',19638981,296,null,null,null],
['2022-09-07',19640865,296,null,null,null],
['2022-09-08',19641332,290,null,null,null],
['2022-09-09',19643760,292,null,null,null],
['2022-09-10',19645033,292,null,null,null],
['2022-09-11',19646554,292,null,null,null],
['2022-09-12',19648078,292,null,null,null],
['2022-09-13',19649601,292,null,null,null],
['2022-09-14',19650632,292,null,null,null],
['2022-09-15',19652535,346,null,null,null],
['2022-09-16',19652535,355,null,null,null],
['2022-09-17',19653848,380,null,null,null],
['2022-09-18',19655439,378,null,null,null],
['2022-09-19',19655439,407,null,null,null],
['2022-09-20',19657826,385,null,null,null],
['2022-09-21',19659021,393,null,null,null],
['2022-09-22',19659963,384,null,null,null],
['2022-09-23',19660561,368,null,null,null],
['2022-09-24',19662540,382,null,null,null],
['2022-09-25',19663337,397,null,null,null],
['2022-09-26',19664139,399,null,null,null],
['2022-09-27',19665480,405,null,null,null],
['2022-09-28',19666962,384,null,null,null],
['2022-09-29',19667775,389,null,null,null],
['2022-09-30',19669480,385,null,null,null],
['2022-10-01',19671525,356,null,null,null],
['2022-10-02',19672218,339,null,null,null],
['2022-10-03',19674105,321,null,null,null],
['2022-10-04',19675423,307,null,null,null],
['2022-10-05',19678005,295,null,null,null],
['2022-10-06',19679204,292,null,null,null],
['2022-10-07',19679204,287,null,null,null]
        ]);
  var options = {
    chartArea: {'width':'85%', 'height':'65%', 'left':60 },
    'pointSize': 3,
    legend: {position: 'top' },
    vAxes:[
      {direction:1},
      {direction:-1,viewWindow:{min:0,max:400}}
    ],
    series: {
      0:{
        type: 'bars',
        color: 'skyblue',
        targetAxisIndex: 0,
      },
      1:{
        type: 'line',
        color: 'seagreen',                
        targetAxisIndex: 1,
      },
      2:{
        type: 'line',
        color: 'red',                
        targetAxisIndex: 1,
      },
    },
    tooltip: { trigger: 'both' },
    focusTarget: 'category',
    colors:['#2980b9','#e74c3c']
  };
  var chart = new google.visualization.ComboChart(document.getElementById('graphField'));
  chart.draw(data, options);
  
  google.visualization.events.addListener(chart, 'click', function() {
    if(chart.getSelection()[0]){
      chart.setSelection(null)
    }
  });


});